<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>MudDemo</title>
    <base href="/" />
    <link href="css/app.css" rel="stylesheet" />
    <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
</head>

<body>
    <div id="app">
        <div id="main-container">
            <svg id="mud-icon" width="400px" height="253.83px" viewBox="0 0 1653 1049" xmlns="http://www.w3.org/2000/svg" style="left:50%;position:fixed;top:383px;transform: translate(-50%,-50%);margin-right:8px;">
                <path d="M0.15,572.58V0.16L495.9,286.37v190.81L165.4,286.37v381.62L0.15,572.58z"></path>
                <path d="M495.9,286.37L991.65,0.16v572.43l-330.5,190.81l-165.25-95.4l330.5-190.81V286.37L495.9,477.18V286.37z"></path>
                <path d="M495.9,667.99V858.8l330.5,190.81V858.8L495.9,667.99z"></path>
                <path d="M826.4,1049.6l495.75-286.21V0.37l-165.25,95.4v572.21L826.4,858.8V1049.6z"></path>
                <path d="M1495,467.85l-165.25,95.41,157.47,91.52,165.25-95.38Z"></path>
                <path d="M1322.15,763.39l-165.25,95.4l330.5,190.81V858.8L1322.15,763.39z"></path>
                <path d="M1322.13,0.38l-165.25,95.4l330.29,190.83l165.25-95.38L1322.13,0.38z"></path>
                <path d="M1652.43,191.21l-165.25,95.41v762.99l165.25-95.4L1652.43,191.21z"></path>
            </svg>
        </div>
    </div>

    <div id="blazor-error-ui">
        An unhandled error has occurred.
        <a href="" class="reload">Reload</a>
        <a class="dismiss">🗙</a>
    </div>
    <script src="_framework/blazor.webassembly.js"></script>
    <script src="_content/MudBlazor/MudBlazor.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
    <script src="js/apex-chart-wrapper.js"></script>

    <script>

        var themeManager = JSON.parse(window.localStorage.getItem("themeManager"));
        var paths = document.getElementById("mud-icon").children;
        
        if(themeManager.IsDarkMode) {
            document.getElementById("main-container").setAttribute("style", "height:100%;width:100%;margin:0;position:fixed;background-color: #151b22");
        } else {
            document.getElementById("main-container").setAttribute("style", "height:100%;width:100%;margin:0;position:fixed;");
        }
        
        for(var i = 0; i < paths.length; i++) {
            paths[i].setAttribute("fill", themeManager.PrimaryColor)
        }
        
    </script>

</body>

</html>
